<?php
if (! isset ( $_REQUEST ['type'] )) {
	$_REQUEST ['type'] = '';
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quản Lý Dịch Vụ Kèm Theo | Phần Mềm Quản Lý Điều Hành Xe | CÔNG
	TY TNHH DỊCH VỤ MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- enhanced select -->
<link rel="stylesheet" href="lib/chosen/chosen.css" />
<!-- datepicker -->
<link rel="stylesheet" href="lib/datepicker/datepicker.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- <link rel="stylesheet" href="css/style2.css" /> -->
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->


</head>
<body class="menu_hover">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
		<div id="contentwrapper">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="booking.php">Quản lý Booking</a></li>
							<li>Sửa thông tin booking</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div>
					<div class="heading">
						<h3 class="title_page">Sửa thông tin booking</h3>
					</div>

					<form action="booking-edit.php" method="post"
						class="form-horizontal">

						<ul class="nav nav-tabs" id="myTab">
							<li class="active"><a href="#home" data-toggle="tab">Thông tin
									chung</a></li>
							<li><a href="#road" data-toggle="tab">Lộ trình</a></li>
							<!--  <li><a href="#other" data-toggle="tab">Dịch vụ kèm theo</a></li>  -->
						</ul>

						<div class="tab-content">
							<div class="tab-pane active" id="home">
								<div class="row-fluid">
									<div class="span4">
										<legend>Thông tin chung</legend>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Mã đoàn của
												khách (*)</label>
											<div class="controls inline">
												<input type="text" name="customer-no" value=""
													placeholder="Mã đoàn" class="input-xlarge digits">
											</div>
										</div>

										<div class="control-group">
											<label class="control-label" for="inputEmail">Khách hàng (*)</label>
											<div class="controls">
												<select name="" class="input-xlarge chzn_a">
													<option>-- Chọn một khách hàng --</option>
													<option>Khách hàng A</option>
													<option>Khách hàng B</option>
													<option>Khách hàng C</option>
													<option>Khách hàng D</option>
													<option>Khách hàng E</option>
													<option>Khách hàng F</option>
													<option>Khách hàng G</option>
													<option>Khách hàng H</option>
												</select>
											</div>
										</div>										
										<div class="control-group">
											<label class="control-label" for="inputEmail">Mã đoàn của
												khách (*)</label>
											<div class="controls inline">
												<input type="text" name="customer-no" value=""
													placeholder="Mã đoàn" class="input-xlarge digits">
											</div>
										</div>
										
										<div class="control-group">
											<label class="control-label" for="inputEmail">Mã đoàn</label>
											<div class="controls inline">
												<span class="input-large uneditable-input">MV-ABC-DEF</span>
											</div>
										</div>
										<!-- 
										<div class="control-group">
											<label class="control-label" for="inputEmail">Thời gian (*)</label>
											<div class="controls inline">
												<div class="input-append date inline" id="dp_start"
													style="float: left; display: block;">
													<input class="input-mini" type="text" readonly="readonly"><span
														class="add-on"><i class="splashy-calendar_day_up"></i></span>
													-&nbsp;
												</div>
												<div class="input-append date inline" id="dp_end"
													style="float: left; display: block;">
													<input class="input-mini" type="text" readonly="readonly"><span
														class="add-on"><i class="splashy-calendar_day_down"></i></span>
												</div>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Tên tour</label>
											<div class="controls inline">
												<input type="text" name="customer-no" value=""
													placeholder="" class="input-xlarge digits">
											</div>
										</div> -->
										

										<div class="control-group">
											<label class="control-label" for="inputEmail">Ghi chú</label>
											<div class="controls">
												<label class="checkbox">
													<input type="checkbox"> VIP
												</label>
												<label class="checkbox">
													<input type="checkbox"> Đoàn miền núi
												</label>
												<label class="checkbox">
													<input type="checkbox"> Xe tiền trạm
												</label>
											</div>
										</div>
																				
										<div class="control-group">
											<label class="control-label" for="inputEmail">Tính chất đoàn</label>
											<div class="controls inline">
												<select class="input-xlarge">
													<option>Bình thường</option>
													<option>VIP</option>
													<option>Đoàn khảo sát</option>
													<option>Đoàn hội thảo</option>
													<option>Farm trip</option>
													<option>....</option>
												</select>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Ghi chú</label>
											<div class="controls inline">
												<textarea rows="5" class="input-xlarge" placeholder=""></textarea>
											</div>
										</div>
										<div class="control-group">
											<div class="controls inline">
												<button class="btn btn-primary">
													<i class="icon-ok icon-white"></i> Lưu lại
												</button>
												<a href="booking.php" class="btn">Quay lại</a>
											</div>
										</div>
									</div>
									<div class="span4">
										<legend>Số lượng khách</legend>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Số lượng khách
												(*)</label>
											<div class="controls inline">
												<input type="text" name="customer-no" value=""
													placeholder="" class="input-mini digits">
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Danh sách khách</label>
											<div class="controls inline">
												<textarea rows="10" class="input-xlarge" placeholder=""></textarea>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Danh sách khách</label>
											<div class="controls inline">
												<input type="file">
											</div>
										</div>
									</div>
									<div class="span4">
										<legend>Tiêu chuẩn khăn nước</legend>
										<div class="control-group">
											<label class="control-label" for="inputEmail">Khăn nước</label>
											<div class="controls checkbox">
												<input type="checkbox" id="khannuoc_check" /> Không theo tiêu chuẩn
											</div>
										</div>			
										<div class="khannuoc">							
											<div class="control-group">
												<label class="control-label" for="inputEmail">Loại khăn</label>
												<div class="controls inline">
													<select>
														<option>Khăn cho khách hàng A</option>
														<option>Loại thường</option>
													</select>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" for="inputEmail">Loại nước</label>
												<div class="controls inline">
													<select>
														<option>Nước dành riêng cho khách hàng A</option>
														<option>Nước Lavie</option>
														<option>Nước Aquafina</option>
													</select>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" for="inputEmail">Nước cả ngày</label>
												<div class="controls inline">
													<select class="input-mini">
														<option>1</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>Không nước</option>
													</select>
													Nửa ngày
													<select class="input-mini">
														<option>1</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>Không nước</option>
													</select>
												</div>
											</div>										
											<div class="control-group">
												<label class="control-label" for="inputEmail">Khăn cả ngày</label>
												<div class="controls inline">
													<select class="input-mini">
														<option>1</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>Không khăn</option>
													</select>
													Nửa ngày
													<select class="input-mini">
														<option>1</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>Không khăn</option>
													</select>
												</div>
											</div>
										</div>										
									</div>
								</div>
							</div>
							<!-- 
							<div class="tab-pane" id="contact">
								<div class="control-group">
									<label class="control-label" for="inputEmail">Tên hướng dẫn (*)</label>
									<div class="controls inline">
										<input type="text" name="customer-no" value="" placeholder=""
											class="input-xlarge digits" id="huong_dan_name">

									</div>
								</div>
								<div class="control-group">
									<label class="control-label" for="inputEmail">Điểm hẹn (*)</label>
									<div class="controls inline">
										<input type="text" name="customer-no" value="" placeholder=""
											class="input-xlarge digits">
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="inputEmail">SĐT</label>
									<div class="controls inline">
										<input type="text" name="customer-no" value="" placeholder=""
											class="input-small digits"> Thời gian <input type="text"
											name="customer-no" value="" placeholder=""
											class="input-mini digits">
									</div>
								</div>
								<div class="control-group">
									<label class="control-label" for="inputEmail">Mã tàu / chuyến
										bay</label>
									<div class="controls inline">
										<input type="text" name="customer-no" value="" placeholder=""
											class="input-small digits"> Thời gian <input type="text"
											name="customer-no" value="" placeholder=""
											class="input-mini digits">
									</div>
								</div>
								<div class="control-group">
									<div class="controls inline">
										<button class="btn btn-primary">
											<i class="icon-ok icon-white"></i> Lưu lại
										</button>
										<a href="booking.php" class="btn">Quay lại</a>
									</div>
								</div>

							</div>
							 -->
							<div class="tab-pane" id="road">
								<table class="table table-condensed table-bordered">
									<thead>
										<tr>
											<th>Ngày</th>
											<th>Loại xe</th>
											<th>Lộ trình</th>
											<th>Sửa</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>06-09-2013 - Sáng</td>
											<td>16 chỗ</td>
											<td>Đón Sân Bay</td>
											<td><a href="rout_edit.php" title="Edit"><i
													class="icon-pencil"></i></a> <a href="#" class="ttip_t"
												title="Hủy"><i class="icon-trash"></i></a></td>
										</tr>
										<tr>
											<td>06-09-2013 - Chiều</td>
											<td>16 chỗ</td>
											<td>City</td>
											<td><a href="rout_edit.php" title="Edit"><i
													class="icon-pencil"></i></a> <a href="#" class="ttip_t"
												title="Hủy"><i class="icon-trash"></i></a></td>
										</tr>
										<tr>
											<td>07-09-2013</td>
											<td>16 chỗ</td>
											<td>Hà Nội - Hạ Long</td>
											<td><a href="rout_edit.php" title="Edit"><i
													class="icon-pencil"></i></a> <a href="#" class="ttip_t"
												title="Hủy"><i class="icon-trash"></i></a></td>
										</tr>
										<tr>
											<td>08-09-2013</td>
											<td>16 chỗ</td>
											<td>Hạ Long - Hà Nội</td>
											<td><a href="rout_edit.php" title="Edit"><i
													class="icon-pencil"></i></a> <a href="#" class="ttip_t"
												title="Hủy"><i class="icon-trash"></i></a></td>
										</tr>
										<tr>
											<td>09-09-2013</td>
											<td>16 chỗ</td>
											<td>Tiễn Sân Bay</td>
											<td><a href="rout_edit.php" title="Edit"><i
													class="icon-pencil"></i></a> <a href="#" class="ttip_t"
												title="Hủy"><i class="icon-trash"></i></a></td>
										</tr>
									</tbody>
								</table>
								<a href="rout_edit.php" class="btn btn-primary"><i
									class="icon-plus icon-white"></i> Thêm lộ trình mới</a> <br />
							</div>
							<div class="tab-pane" id="other">
								<div class="control-group">
									<label class="control-label">Chọn dịch vụ <span class="f_req">*</span></label>
									<div class="controls">
										<select name="" class="input-medium chzn_a">
											<option>-- Chọn dịch vụ --</option>
											<option>Khăn ướt</option>
											<option>Nước Lavie</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nón lá</option>
										</select> &nbsp; Số lượng <input type="text" value="1"
											class="input-mini">
									</div>
								</div>
								<div class="control-group">
									<label class="control-label">Chọn dịch vụ <span class="f_req">*</span></label>
									<div class="controls">
										<select name="" class="input-medium chzn_a">
											<option>-- Chọn dịch vụ --</option>
											<option>Khăn ướt</option>
											<option>Nước Lavie</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nón lá</option>
										</select> &nbsp; Số lượng <input type="text" value="1"
											class="input-mini">
									</div>
								</div>
								<div class="control-group">
									<label class="control-label">Chọn dịch vụ <span class="f_req">*</span></label>
									<div class="controls">
										<select name="" class="input-medium chzn_a">
											<option>-- Chọn dịch vụ --</option>
											<option>Khăn ướt</option>
											<option>Nước Lavie</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nón lá</option>
										</select> &nbsp; Số lượng <input type="text" value="1"
											class="input-mini">
									</div>
								</div>
								<div class="control-group">
									<label class="control-label">Chọn dịch vụ <span class="f_req">*</span></label>
									<div class="controls">
										<select name="" class="input-medium chzn_a">
											<option>-- Chọn dịch vụ --</option>
											<option>Khăn ướt</option>
											<option>Nước Lavie</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nước Aqua</option>
											<option>Nón lá</option>
										</select> &nbsp; Số lượng <input type="text" value="1"
											class="input-mini">
										<button class="btn">
											<i class="icon-plus"></i> Thêm
										</button>
									</div>
								</div>
								<div class="control-group">
									<div class="controls inline">
										<button class="btn btn-primary">
											<i class="icon-ok icon-white"></i> Lưu lại
										</button>
										<a href="booking.php" class="btn">Quay lại</a>
									</div>
								</div>

							</div>
						</div>

					</form>
				</div>

			</div>
			<?php //include 'menu2.php'; ?>	
		</div>


		<script src="js/jquery.min.js" type="text/javascript"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<script src="js/typeahead.js"></script>

		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>


		<script>
      $(document).ready(function() {
    	  $(".chzn_a").chosen({
				allow_single_deselect: true
			});
			$(".chzn_b").chosen();
			$('#dp1').datepicker();
			$('#dp_start').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				
				var endDateTextBox = $('#dp_end input');
				if (endDateTextBox.val() != '') {
					var testStartDate = new Date(dateText);
					var testEndDate = new Date(endDateTextBox.val());
					if (testStartDate > testEndDate) {
						endDateTextBox.val(dateText);
					}
				}
				else {
					endDateTextBox.val(dateText);
				};
				$('#dp_end').datepicker('setStartDate', dateText);
				$('#dp_start').datepicker('hide');
			});
			$('#dp_end').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				var startDateTextBox = $('#dp_start input');
				if (startDateTextBox.val() != '') {
					var testStartDate = new Date(startDateTextBox.val());
					var testEndDate = new Date(dateText);
					if (testStartDate > testEndDate) {
						startDateTextBox.val(dateText);
					}
				}
				else {
					startDateTextBox.val(dateText);
				};
				$('#dp_start').datepicker('setEndDate', dateText);
				$('#dp_end').datepicker('hide');
			});		
			$('#checkbox-road').change(function(){
				if (this.checked) {
					$('#select_road_chzn').hide();
					$('#new-road').show();
					$('.new-road').show();
					$('#new-road2').show();
				} else {
					$('#select_road_chzn').show();
					$('#new-road').hide();
					$('#new-road2').hide();
				
				}
			});
			$('#khannuoc_check').change(function() {
				if ($(this).attr('checked')) {
					$('.khannuoc').hide();
				} else {
					$('.khannuoc').show();
				}
			});

      });      
      </script>

	</div>
</body>
</html>
